<div class="layout bgGrey">
    <header class="titleBar">
        <a href="javascript:history.back()" class="back"><img src="images/back.png" alt=""></a>
        <div class="title">
            定位专家
        </div>
        <a href="" class="skip" ng-click="go()">确定</a>
    </header>
    <div class="expertChooser">
        <!--div class="expertChooseList">
            <img src="{{item.doctor_headphoto}}" alt="" ng-repeat="item in items | filter:!item.checked">
        </div-->
        <div class="expertChooseSearch">
            <img src="images/searchbar-icon.png" alt="">
            <input type="text" placeholder="搜索" ng-model="keyword" ng-change="search()">
        </div>
        <div class="clear"></div>
    </div>
    <div class="filter">
        <ul>
            <li ng-class="{selected: filterIndex==1 && IsShowFilter}"><span ng-click="showFilter(1)">全部医院<i></i></span></li>
            <li ng-class="{selected: filterIndex==2 && IsShowFilter}"><span ng-click="showFilter(2)">全部科室<i></i></span></li>
            <li ng-class="{selected: filterIndex==3 && IsShowFilter}"><span ng-click="showFilter(3)">智能排序<i></i></span></li>
        </ul>
    </div>
    <div class="filterSelector" ng-show="IsShowFilter && filterIndex==3">
        <ul>
            <li ng-click="filterClick('',filterIndex)">全部</li>
            <li ng-repeat="item in filters" ng-click="filterClick(item.hospital_code||item.department_code, filterIndex)">{{item.hospital_name||item.department_name}}</li>
        </ul>
    </div>
    <div class="filterSelector" ng-show="IsShowFilter && filterIndex!=3">
        <ul class="level1">
            <li ng-click="filterClick('',filterIndex)" ng-class="{selectedLevel1: !selectedItem}">全部</li>
            <li ng-repeat="item in filters" ng-class="{selectedLevel1: selectedItem && selectedItem == item}" ng-click="selectLevel1(item)">{{item.area_name||item.department_name}}</li>
        </ul>
        <ul class="level2">
            <li ng-repeat="item in selectedItem.subnode" ng-click="filterClick(item.hospital_code||item.department_code, filterIndex)">{{item.hospital_name||item.department_name}}</li>
        </ul>
        <div class="clear"></div>
    </div>
    <div class="mask" ng-show="IsShowFilter"></div>

    <div class="expertChooseZone" infinite-scroll='scrollPager.nextPage()' infinite-scroll-disabled='scrollPager.busy' infinite-scroll-distance='1'>
        <div class="smallExpertIntro item" ng-repeat="item in scrollPager.items">
            <a href="" class="{{item.checked?'checked':''}}" ng-click="itemClick(item)">
                <img src="{{item.doctor_headphoto}}" alt="" class="avatar">
                <div class="text">
                    <span class="name">{{item.doctor_name}}</span>
                    <br>
                    <span>{{item.doctor_hospital}}</span>
                    <span class="department">{{item.doctor_department_sub}}</span>
                </div>
            </a>
        </div>

        <div class="clear"></div>
    </div>

</div>